<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index-detail.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="box">
            <!-- 版心 -->
            <div class="header-con">
                <ul>
                    <li>网站首页</li>
                    <li>传悦资源</li>
                    <li class="select">传悦案例</li>
                    <li>传悦服务</li>
                    <li>解决方案</li>
                    <li>提交需求</li>
                </ul>
                <ul>
                    <li>
                        <img src="img/phone.png" alt="">
                    </li>
                    <li>
                        0535-21223233
                    </li>
                    <li>
                        <img src="img/qq.png" alt="">
                    </li>
                    <li>
                        <img src="img/weibo.png" alt="">
                    </li>
                    <li>
                        <img src="img/weixin.png" alt="">
                    </li>
                    <li>
                        <img src="img/Email.png" alt="">
                    </li>
                </ul>
            </div>
            <div class="title">
                网络全案营销服务提供商
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
        <h3 class="content-title"></h3>
        <div class="content-detail"></div>
        <div class="content-con"></div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <!-- 版心 -->
        <div class="footer-con">
            <ul>
                <li>关于传悦</li>
                <li>新闻动态</li>
                <li>传悦观点</li>
                <li>联系传悦</li>
                <li>加入传悦</li>
                <li>付款账户</li>
            </ul>
            <p>
                Copyright 2013 创梦网络科技有限责任公司 || 传悦 Chnyoo.cn All Rights Reserved 京ICP备12005221号
            </p>
        </div>
    </div>
    <script src="jquery.min.js"></script>
    <script src="parseUrl.js"></script>
    <script>
        $.ajax({
            url: "http://10.35.170.250:8080/details",
            data: {
                id: parseUrl(location.href).id,
            },
            success(data) {
                data.forEach(item => {
                    $(".content-title").html(item.title);
                    $(".content-detail").html(item.content);
                    $(".content-con").html(item.detail);
                })
            }
        })
    </script>
</body>

</html>